<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./echarts.min.js"></script>
</head>
<body>
    <div id="app" style="width: 800px; height: 500px;"></div>
</body>
<script>
      var myEchart =echarts.init(document.getElementById('app'))
      var option={
        xAxis: {
            type: 'category'
        //   data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
        },
        yAxis: {},
        series: [
          { 
            type: 'bar',
          },
          { 
            type: 'line',
          },
          { 
            type: 'bar',
          },
          { 
            type: 'bar',
          },
          { 
            type: 'line',
          }
        ],
        dataset: {
        source: [
          ['one',5,10,15,20,25],
          ['two',10,9,8,7,5],
          ['three',22,11,5,9,10],
          ['four',10,12,15,18,20],
          ['five',5,15,11,20,19],
          ['six',12,18,3,8,5,6],
        ]
        }
      }
      myEchart.setOption(option)
</script>
</html>